<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/PersonalCenter.css">
</head>
<body>
    <!-- 顶部导航 -->
    <div class="top">
        <div class="top-box">
            <div class="top-nav-list">
                <ul>
                    <li>帮助中心</li>
                    <li>收藏</li>
                    <li>360官网</li>
                    <li>360智慧生活</li>
                </ul>
            </div>
            <div class="top-user-box">
                <div class="loginAndRegister">
                    <a href="./login.html">登录</a>
                    <a href="./register.html">注册</a>
                </div>
                <div class="cart-box">
                    <a href="" class="iconfont icon-gouwudai"></a>
                </div>     
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="head"> 
        <div class="head-box clearfix">
            <div class="logo-box"><a href="./index2.html"></a></div>
            <div class="nav-box">
                <ul>
                    <li><a href="">新品推荐</a></li>
                    <li><a href="">热卖榜单</a></li>
                </ul>
            </div>
            <div class="search-box">
                <div class="search-bar">
                    <input type="text" class="search-ipt">
                    <div class="big-search"></div>
                </div>
                <div class="search-text">
                    <ul>
                        <li>记录仪</li>
                        <li>摄像机</li>
                        <li>路由器</li>
                        <li>耳机</li>
                        <li>扫地机</li>
                        <li>智能手表</li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <div class="wrap">
        <div class="content">
            <div class="user-menu fl">
                <div class="menu-title">个人中心</div>
                <div class="menu-list">
                    <a class="menu-item item-active" href="">个人成长信息</a>
                    <a class="menu-item" href="">收货地址</a>
                </div>
                <div class="menu-title">订单中心</div>
                <div class="menu-list">
                    <a class="menu-item" href="">我的订单</a>
                </div>
                <div class="menu-title">我的钱包</div>
                <div class="menu-list">
                    <a class="menu-item" href="">我的优惠券</a>
                    <a class="menu-item" href="">我的积分</a>
                </div>
                <div class="menu-title">我的关注</div>
                <div class="menu-list">
                    <a class="menu-item" href="">我的收藏</a>
                    <a class="menu-item" href="">我的预约</a>
                </div>
                <div class="menu-title">售后服务</div>
                <div class="menu-list">
                    <a class="menu-item" href="">退货记录</a>
                    <a class="menu-item" href="">换货记录</a>
                </div>

            </div>

            <div class="user-main  clearFix fr">
                <div class="usercenter">
                    <div class="usercenter-info">
                        <div class="user-pic">
                            <a href="" target="_blank">
                                <img class="user_img" src="" alt="">
                            </a>
                        </div>
                        <div class="user-intro">
                            <p>
                                <span class="user-info-tag">
                                    <i class=""></i>
                                    <em class="badge-name">青铜</em>
                                </span>
                            </p>
                            <p>
                                <span class="user-name">
                                    <a href="">用户名</a>
                                </span>
                            </p>
                            <div class="user-info-member">
                                <h4>360黑金会员</h4>
                                <p>尊享特权</p>
                                <a class="btn-member" href="" >立即开通</a>
                            </div>
                        </div>
                    </div>
                    <div class="usercenter-info-grow">
                        <div class="grow-num">
                        当前成长值:<strong>100</strong>
                        <span>
                            <i></i>
                            距离升级还需要900成长值
                        </span>
                        </div>
                        <ul class="grow-grade">
                            <li>
                                <span></span>
                                <p>青铜</p>
                                <em>0</em>
                            </li>
                            <li>
                                <span></span>
                                <p>白银</p>
                                <em>1000</em>
                            </li>
                            <li>
                                <span></span>
                                <p>黄金</p>
                                <em>8000</em>
                            </li>
                            <li>
                                <span></span>
                                <p>钻石</p>
                                <em>20000</em>
                            </li>
                        </ul>
                        <div class="grow-line"></div>
                    </div>
                </div>
                <div class="grow-main">
                    <div class="grow-intro fl">
                        <div class="container">
                            <h3>什么是成长值？</h3>
                            <div class="grow-text">
                                <p>成长值为360会员等级升级的依据，成长值越高会员等级越高，可享受的会员权益越大。成长值有效期永久有效。</p>
                                <p>消费、APP下载登录、参与活动、完成任务等均可获得成长值，并加速360会员等级升级。会员可跨级升级，钻石360会员为最高等级，不再升级。</p>
                                <p>会员升级判定日为每天24点，判定成长值的周期为用户注册日开始判定；
                                    <br>
                                    <br>
                                    互动类任务，如分享收益、分享有礼、下载并登陆APP、参与抽奖、领券等活动，成长值实时发放。
                                    <br>
                                    <br>
                                    消费类任务，如购物奖励、拼团、秒杀、限时购、砍价等活动，成长值在确认收货7天后发放。</p>
                            </div>
                            <h3>会员等级说明及权益对比</h3>
                            <div class="grow-table">
                                <table>
                                    <tbody>
                                        <tr>
                                            <th style="width: 24%">&nbsp;</th>
                                            <th><img src="https://p5.ssl.qhimg.com/t01787c0ae3b7e166d0.png" width="18"><br>
                                            青铜会员</th>
                                            <th><img src="https://p0.ssl.qhimg.com/t016e7bb46f7579c5b3.png" width="18"><br>
                                            白银会员</th>
                                            <th><img src="https://p1.ssl.qhimg.com/t019e6ecbcc1bfb58ae.png" width="18"><br>
                                            黄金会员</th>
                                            <th><img src="https://p3.ssl.qhimg.com/t018cabb5b0d9040949.png" width="18"><br>
                                            钻石会员</th>
                                        </tr>
                                        <tr>
                                            <td>成长值</td>
                                            <td>0~999</td>
                                            <td>1000~7999</td>
                                            <td>8000~19999</td>
                                            <td>20000以上</td>
                                        </tr>
                                        <tr>
                                            <td>活动短信推荐</td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                        </tr>
                                        <tr>
                                            <td>新品推送</td>
                                            <td><img src="https://p5.ssl.qhimg.com/t01b14852a3d92254cb.png" width="13"></td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                        </tr>
                                        <tr>
                                            <td>新品发布会<br>
                                            邀约</td>
                                            <td><img src="https://p5.ssl.qhimg.com/t01b14852a3d92254cb.png" width="13"></td>
                                            <td><img src="https://p5.ssl.qhimg.com/t01b14852a3d92254cb.png" width="13"></td>
                                            <td><img src="https://p5.ssl.qhimg.com/t01b14852a3d92254cb.png" width="13"></td>
                                            <td><img src="https://p0.ssl.qhimg.com/t01476a8c8aee51ab3c.png" width="13"></td>
                                        </tr>
                                        <tr>
                                            <td>积分奖励倍率</td>
                                            <td>1</td>
                                            <td>1.2</td>
                                            <td>1.5</td>
                                            <td>2</td>
                                        </tr>
                                        <tr>
                                            <td>商品包邮</td>
                                            <td>满99包邮</td>
                                            <td>满99包邮</td>
                                            <td>满99包邮</td>
                                            <td>包邮（每月2次）</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
    
                    <div class="grow-list fr">
                        <h3>如何提高成长值</h3>
                        <ul>
                            <li>
                                <div class="info">
                                    <p>购物奖励</p>
                                    <span>订单实付金额 ，1元+1个成长值</span>
                                </div>
                                <a class="grow-list-link" href="">
                                    <span>去购物&gt;</span>
                                </a>
                            </li>
                            <li>
                                <div class="info">
                                    <p>领优惠劵</p>
                                    <span>+10成长值，每天限1次</span>
                                </div>
                                <a class="grow-list-link" href="">
                                    <span>去领劵&gt;</span>
                                </a>
                            </li>
                            <li>
                                <div class="info">
                                    <p>参与抽奖活动</p>
                                    <span>+10成长值，每天限1次</span>
                                </div>
                            </li>
                            <li>
                                <div class="info">
                                    <p>分享商品或活动</p>
                                    <span>+10成长值，每天限1次</span>
                                </div>
                            </li>
                            <li>
                                <div class="info">
                                    <p>首次登录APP奖励</p>
                                    <span>+100成长值，限新用户首次登录APP</span>
                                </div>
                            </li>
                            <li>
                                <div class="info">
                                    <p>参与拼团活动</p>
                                    <span>+10成长值，每天限1次</span>
                                </div>
                            </li>
                            <li>
                                <div class="info">
                                    <p>参与限时购活动</p>
                                    <span>+10成长值，每天限1次</span>
                                </div>
                            </li>
                            <li>
                                <div class="info">
                                    <p>参与砍价活动</p>
                                    <span>+10成长值，每天限1次</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 网页商城简介区域 -->
    <div class="helper-floor">
        <div class="footer-box mod-helper clearfix">
            <div class="helper-box about-box">
                <p class="helper-title">关于商城</p>
                <p class="helper-text"> 360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。 </p>
                <div class="follow-box">
                    <span class="follow-btn"> 关于我们 </span>
                    <span class="index-icon icon-weixin"></span>
                    <a href="" class="index-icon icon-weibo"></a>
                </div>
            </div>
            <div class="helper-box lnk-box">
                <p class="helper-title">售后服务</p>
                <a href="" class="helper-text">7日无理由退货 </a>
                <a href="" class="helper-text">质量问题15日内换货</a>
                <a href="" class="helper-text">保修条款</a>
                <a href="" class="helper-text">服务流程</a>
                <a href="" class="helper-text">许可协议</a>
                <a href="" class="helper-text">隐私政策</a>
            </div>
            <div class="helper-box lnk-box">
                <p class="helper-title">帮助中心</p>
                <a href="" class="helper-text">用户注册</a>
                <a href="" class="helper-text">会员说明</a>
                <a href="" class="helper-text">登录与密码找</a>
                <a href="" class="helper-text">购买指南</a>
                <a href="" class="helper-text">支付方式</a>
                <a href="" class="helper-text">配送与说明</a>
            </div>
                <div class="helper-box contact-box">
                <p class="helper-title">联系我们</p>
                <p class="help-text big-text">400-6822-360</p>
                <p class="help-text small-text">周一至周日 9:00-18:00（仅收市话费）</p>
            </div>
        </div>
    </div>
    <!-- 网页右侧区域 -->
    <div class="mod-right-side">
        <div class="right-middle-box">
            <a href="">
                <i></i>
            </a>
            <a href="">
                <i></i>
            </a>
            <a href="">
                <i></i>
            </a>
        </div>
        <div class="right-bottom-box">
            <a href="">
                <i></i>
            </a>
            <a href="JavaScript:;">
                <i class="totop"></i>
            </a>
        </div>
    </div>
    <!-- 版权区域 -->
    <div class="copyright-floor">
        <div class="footer-box">
            <div class="service-policy-list">
                <a href="" class="policy-item">
                    <i class="index-icon"></i>
                    7天无理由退货 
                </a>
                <a href="" class="policy-item">
                    <i class="index-icon"></i>
                    15天免费换货  
                </a>
                <a href="" class="policy-item">
                    <i class="index-icon"></i>
                    满99元包邮  
                </a>
            </div>
            <div class="copyright-line">
                <p> ©2019-2021 mall.360.cn版权所有 </p>
                <p>
                    <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备08010314号-6</a> <a href="/help/gongshangyingyezhizhao" target="_blank"> 营业执照 </a>
                </p>
                <p style="color:rgba(255,255,255,.5);font-size:12px">
                    公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N |
                    <a style="color:rgba(255,255,255,.5)" href="/help/shipinjingyingxuke" target="_blank">食品经营许可证</a>
                    <br> 公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-6822-360
                </p>
            </div>
        </div>
    </div>

</body>
</html>